@function rem($px){
    @return $px / 75px * 1rem;
}
@mixin clfix(){
    zoom:1;
    &:after{
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        line-height: 0;
        font-size: 0;
    }
}

@mixin ellipsis(){
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@mixin opacity($n){
    filter: alpha(opacity=#{$n*100});
    -moz-opacity: $n;
    opacity: $n;
}


@mixin scroll(){
    &::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    &::-webkit-scrollbar-track {
        box-shadow: 0px 0px 3px #dfdfdf inset;
        border-radius: 10px;
        background: #eee;
    }

    &::-webkit-scrollbar-thumb {
        border: 1px #808080 solid;
        border-radius: 10px;
        background: #999;
    }

    &::-webkit-scrollbar-thumb:hover {
        background: #7d7d7d;
    }
}